<template>
  <div>
    <tiny-autonavi-map :options="options"></tiny-autonavi-map>
  </div>
</template>

<script lang="jsx">
import { TinyHuichartsAmap } from '@opentiny/vue-huicharts'

export default {
  components: {
    TinyAutonaviMap: TinyHuichartsAmap
  },
  data() {
    return {
      options: {
        key: '4b5f2cf2cba25200cc6b68c398468899',
        url: 'https://webapi.amap.com/maps', // 高德地图接口的 url 地址
        v: '1.4.3',
        amap: {
          resizeEnable: true,
          center: [120.14322240845, 30.236064370321],
          zoom: 10
        },
        tooltip: {
          show: true
        },
        series: [
          {
            type: 'scatter',
            coordinateSystem: 'bmap',
            data: [
              [120, 30, 1] // 经度，纬度，value...
            ]
          }
        ]
      }
    }
  }
}
</script>
